<template>
    <div id="app">
        <the-header></the-header>
        <router-view class="music-content"/>
        <song-audio/>
        <the-aside/>
        <play-bar/>
        <scroll-top/>
        <the-footer/>
    </div>
</template>

<style>
</style>
<script>
    import ScrollTop from './components/ScrollTop'
    import TheHeader from './components/TheHeader'
    import TheFooter from './components/TheFooter'
    import SongAudio from './components/SongAudio'
    import TheAside from './components/TheAside'
    import PlayBar from './components/PlayBar'

    export default {
        components: {
            TheHeader,
            ScrollTop,
            TheFooter,
            SongAudio,
            TheAside,
            PlayBar
        }
    }
</script>

<style lang="scss" scoped>
    @import './assets/css/app.scss';
</style>
